<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<title>首页--工作台</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" th:href="@{/resources/layui/css/layui.css}" media="all" />
	<link rel="stylesheet" th:href="@{/resources/css/public.css}" media="all" />
</head>
<body class="childrenBody">
	<blockquote class="layui-elem-quote layui-bg-green">
		<div id="nowTime"></div>
	</blockquote>

	<blockquote class="layui-elem-quote main_btn">
		<p>本系统的开发....</p>
		<p class="layui-blue">PS：完成系统开发的说明</p>
	</blockquote>
	<div class="layui-row layui-col-space10">
		<div class="layui-col-lg6 layui-col-md12">
			<blockquote class="layui-elem-quote title">系统基本参数</blockquote>
			<table class="layui-table magt0">
				<colgroup>
					<col width="150">
					<col>
				</colgroup>
				<tbody>
				<tr>
					<td>当前版本</td>
					<td>v1.0</td>
				</tr>
				<tr>
					<td>开发作者</td>
					<td >刘乃伟</td>
				</tr>
				<tr>
					<td>网站首页</td>
					<td>index</td>
				</tr>
				<tr>
					<td>服务器</td>
					<td>阿里云</td>
				</tr>
				<tr>
					<td>数据库版本</td>
					<td>MySQL5.7</td>
				</tr>
				<tr>
					<td>当前用户权限</td>
					<td>超级管理员</td>
				</tr>
				</tbody>
			</table>
			<blockquote class="layui-elem-quote title">最新文章 <i class="layui-icon layui-red">&#xe756;</i></blockquote>
			<table class="layui-table mag0" lay-skin="line">
				<colgroup>
					<col>
					<col width="110">
				</colgroup>
				<tbody class="hot_news"></tbody>
			</table>
		</div>
		<div class="layui-col-lg6 layui-col-md12">
			<blockquote class="layui-elem-quote title">发展历程&更新日志</blockquote>
			<div class="layui-elem-quote layui-quote-nm history_box magb0">
				<ul class="layui-timeline">
					<li class="layui-timeline-item">
						<i class="layui-icon layui-timeline-axis">&#xe756;</i>
						<div class="layui-timeline-content layui-text">
							<div class="layui-timeline-title">
								<h3 class="layui-inline">管理系统<span class="layui-red">V1.0基础版</span>发布　</h3>
								<span class="layui-badge-rim">2021-03-07</span>
							</div>
						</div>
					</li>

				</ul>
			</div>
		</div>
	</div>

	<script type="text/javascript" th:src="@{/resources/layui/layui.js}"></script>
	<script type="text/javascript">
		//获取当前登录人的信息
		var currentUserName = '[[${session.user.name}]]'
		//获取系统时间
		var newDate = '';
		getLangDate();
		//值小于10时，在前面补0
		function dateFilter(date){
			if(date < 10){return "0"+date;}
			return date;
		}
		function getLangDate(){
			var dateObj = new Date(); //表示当前系统时间的Date对象
			var year = dateObj.getFullYear(); //当前系统时间的完整年份值
			var month = dateObj.getMonth()+1; //当前系统时间的月份值
			var date = dateObj.getDate(); //当前系统时间的月份中的日
			var day = dateObj.getDay(); //当前系统时间中的星期值
			var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
			var week = weeks[day]; //根据星期值，从数组中获取对应的星期字符串
			var hour = dateObj.getHours(); //当前系统时间的小时值
			var minute = dateObj.getMinutes(); //当前系统时间的分钟值
			var second = dateObj.getSeconds(); //当前系统时间的秒钟值
			var timeValue = "" +((hour >= 12) ? (hour >= 18) ? "晚上" : "下午" : "上午" ); //当前时间属于上午、晚上还是下午
			newDate = dateFilter(year)+"年"+dateFilter(month)+"月"+dateFilter(date)+"日 "+" "+dateFilter(hour)+":"+dateFilter(minute)+":"+dateFilter(second);
			document.getElementById("nowTime").innerHTML = "亲爱的【"+currentUserName+"】，"+timeValue+"好！ 欢迎使用仓库管理。当前时间为： "+newDate+"　"+week;
			setTimeout("getLangDate()",1000);
		}

		layui.use(['form','element','layer','jquery'],function(){
			var form = layui.form,
					layer = parent.layer === undefined ? layui.layer : top.layer,
					element = layui.element;
			$ = layui.jquery;
			//上次登录时间【此处应该从接口获取，实际使用中请自行更换】
			$(".loginTime").html(newDate.split("日")[0]+"日</br>"+newDate.split("日")[1]);
			//icon动画
			$(".panel a").hover(function(){
				$(this).find(".layui-anim").addClass("layui-anim-scaleSpring");
			},function(){
				$(this).find(".layui-anim").removeClass("layui-anim-scaleSpring");
			})
			$(".panel a").click(function(){
				parent.addTab($(this));
			})
			//系统基本参数
			if(window.sessionStorage.getItem("systemParameter")){
				var systemParameter = JSON.parse(window.sessionStorage.getItem("systemParameter"));
				fillParameter(systemParameter);
			}else{
				$.ajax({
					url : "../json/systemParameter.json",
					type : "get",
					dataType : "json",
					success : function(data){
						fillParameter(data);
					}
				})
			}
			//填充数据方法
			function fillParameter(data){
				//判断字段数据是否存在
				function nullData(data){
					if(data == '' || data == "undefined"){
						return "未定义";
					}else{
						return data;
					}
				}
				$(".version").text(nullData(data.version));      //当前版本
				$(".author").text(nullData(data.author));        //开发作者
				$(".homePage").text(nullData(data.homePage));    //网站首页
				$(".server").text(nullData(data.server));        //服务器环境
				$(".dataBase").text(nullData(data.dataBase));    //数据库版本
				$(".maxUpload").text(nullData(data.maxUpload));    //最大上传限制
				$(".userRights").text(nullData(data.userRights));//当前用户权限
			}

			//最新文章列表
			$.get("/resources/json/newsList.json",function(data){
				var hotNewsHtml = '';
				for(var i=0;i<5;i++){
					hotNewsHtml += '<tr>'
							+'<td align="left"><a href="javascript:;"> '+data.data[i].newsName+'</a></td>'
							+'<td>'+data.data[i].newsTime.substring(0,10)+'</td>'
							+'</tr>';
				}
				$(".hot_news").html(hotNewsHtml);
				$(".userAll span").text(data.length);
			})

			//用户数量
			$.get("../json/userList.json",function(data){
				$(".userAll span").text(data.count);
			})

			//外部图标
			$.get(iconUrl,function(data){
				$(".outIcons span").text(data.split(".icon-").length-1);
			})

		})

	</script>
</body>
</html>